html,body{
  width: 100%;
  height: 100%;
}
#header{
  background: #266ca7;
}
section{
  padding-top: 45px;
  ul{
    padding: 0 12px;
    li{
      display: flex;
      padding: 10px 0;
      border-bottom: 1px solid #f5f5f5;
      span{
        margin: auto 0;
      }
      p{
        flex: 1;
        text-align: right;
        position: relative;
        input{
          width: 100%;
          height: 32px;
          text-align: right;
        }
        select{
          width: 100%;
          direction: rtl;
          option{
            direction: ltr;;
          }
        }
        #time{
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: 2;
          left:0;
          top:0;
        }
        img{
          width:50px;
          height: 50px;
          border-radius: 50%;
        }
      }
    }
  }
  .btn{
    position: fixed;
    bottom: 10px;
    width: 95%;
    left:2.5%;
    background: #333;
    text-align: center;
    padding: 12px 0;
    color: white;
    border-radius: 7px;
  }
}
